<script setup>
const percent = ref(0)
const title = ref('提示')
const visible = ref(false)
const show = (name) => {
  visible.value = true
  title.value = name
}
const update = (p) => {
  percent.value = p
}
const hide = () => {
  visible.value = false
}
defineExpose({
  show,
  update,
  hide,
})
</script>

<template>
  <a-modal v-model:visible="visible" :title="title" :footer="false">
    <div style="text-align: center">
      <a-progress :width="200" type="circle" :percent="percent" />
    </div>
  </a-modal>
</template>

<style scoped>

</style>
